<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>未来日本麻将</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="icon" href="img/minijong.png">
</head>

<body>
	<div class="container" id="config">
		<div class="title">未来日本麻将</div>
		<div>&nbsp;</div>
		<details>
			<summary>游戏设置</summary>
			<table>
				<tbody>
					<tr>
						<td><label for="players">玩家人数</label></td>
						<td>
							<input type="range" id="players" min="1" max="4" value="4" list="playersValues" />
							<datalist id="playersValues">
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="playAsRandom">随机安排座位</label></td>
						<td><input type="checkbox" id="playAsRandom" checked /></td>
					</tr>
					<tr>
						<td><label for="ai0">甲为AI</label></td>
						<td><input type="checkbox" id="ai0" /></td>
					</tr>
					<tr>
						<td><label for="ai1">乙为AI</label></td>
						<td><input type="checkbox" id="ai1" /></td>
					</tr>
					<tr>
						<td><label for="ai2">丙为AI</label></td>
						<td><input type="checkbox" id="ai2" /></td>
					</tr>
					<tr>
						<td><label for="ai3">丁为AI</label></td>
						<td><input type="checkbox" id="ai3" /></td>
					</tr>
					<tr>
						<td><label for="aiHard">高水平AI</label></td>
						<td><input type="checkbox" id="aiHard" checked /></td>
					</tr>
					<tr>
						<td><label for="initialDora">初始宝牌张数</label></td>
						<td>
							<input type="range" id="initialDora" min="0" max="5" value="1" list="initialDoraValues" />
							<datalist id="initialDoraValues">
								<option value="0" label="0"></option>
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
								<option value="5" label="5"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="maxDora">最大宝牌张数</label></td>
						<td>
							<input type="range" id="maxDora" min="0" max="5" value="5" list="maxDoraValues" />
							<datalist id="maxDoraValues">
								<option value="0" label="0"></option>
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
								<option value="5" label="5"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="maxKan">最大杠数</label></td>
						<td>
							<input type="range" id="maxKan" min="0" max="16" value="4" list="maxKanValues" />
							<datalist id="maxKanValues">
								<option value="0" label="0"></option>
								<option value="4" label="4"></option>
								<option value="8" label="8"></option>
								<option value="12" label="12"></option>
								<option value="16" label="16"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="conceal">王牌张数</label></td>
						<td>
							<input type="range" id="conceal" min="14" max="70" step="14" value="14"
								list="concealValues" />
							<datalist id="concealValues">
								<option value="14" label="14"></option>
								<option value="28" label="28"></option>
								<option value="42" label="42"></option>
								<option value="56" label="56"></option>
								<option value="70" label="70"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="aka">赤宝牌数量</label></td>
						<td>
							<input type="range" id="aka" min="0" max="12" value="3" list="akaValues" />
							<datalist id="akaValues">
								<option value="0" label="0"></option>
								<option value="3" label="3"></option>
								<option value="6" label="6"></option>
								<option value="9" label="9"></option>
								<option value="12" label="12"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="pinfuRequiresNoFu">日麻平和</label></td>
						<td><input type="checkbox" id="pinfuRequiresNoFu" /></td>
					</tr>
					<tr>
						<td><label for="pinfuRequires3Waits">平和要求三面听</label></td>
						<td><input type="checkbox" id="pinfuRequires3Waits" /></td>
					</tr>
					<tr>
						<td><label for="pinfuRequiresNoDora">平和要求无宝牌</label></td>
						<td><input type="checkbox" id="pinfuRequiresNoDora" checked /></td>
					</tr>
					<tr>
						<td><label for="maxHu">最多和牌人数</label></td>
						<td>
							<input type="range" id="maxHu" min="1" max="4" value="1" list="maxHuValues" />
							<datalist id="maxHuValues">
								<option value="1" label="1"></option>
								<option value="2" label="2"></option>
								<option value="3" label="3"></option>
								<option value="4" label="4"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="initial">初始分数</label></td>
						<td>
							<input type="range" id="initial" min="0" max="25000" step="5000" value="25000"
								list="initialValues" />
							<datalist id="initialValues">
								<option value="0" label="0"></option>
								<option value="5000" label="5K"></option>
								<option value="10000" label="10K"></option>
								<option value="15000" label="15K"></option>
								<option value="20000" label="20K"></option>
								<option value="25000" label="25K"></option>
							</datalist>
						</td>
					</tr>
					<tr>
						<td><label for="maxRound">轮次数量</label></td>
						<td>
							<input type="range" id="maxRound" min="4" max="16" step="2" value="8"
								list="maxRoundValues" />
							<datalist id="maxRoundValues">
								<option value="4" label="4"></option>
								<option value="8" label="8"></option>
								<option value="12" label="12"></option>
								<option value="16" label="16"></option>
							</datalist>
						</td>
					</tr>
				</tbody>
			</table>
		</details>
		<div>&nbsp;</div>
		<div>
			<div class="clickable button" onclick="initialize()">开始游戏</div>
		</div>
	</div>
	<div class="hidden container" id="main"></div>
</body>
<script src="scripts/ri_utility.js"></script>
<script src="scripts/hu.js"></script>
<script src="scripts/comb.js"></script>
<script src="scripts/ri_render.js"></script>
<script src="scripts/ri_ai.js"></script>
<script src="scripts/ri_ft/calc.js"></script>
<script src="scripts/ri_ft/round.js"></script>
<script src="scripts/ri_ft/game.js"></script>